/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires
 */
html {
    color: #000;
    background: #000;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
form {    margin: 0 0 0 10px;
    text-align: center;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
button,
caption,
cite,
code,
dfn,
em,
input,
optgroup,
option,
select,
strong,
textarea,
th,
var {
    font: inherit;
}

del,
ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}
h2{font-size: 25px;}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
    color: #000;
}
    /** Generated by FG **/
@font-face {
	font-family: 'Cambria';
	src: url('/fonts/cambria.eot');
	src: local('Cambria'), url('/fonts/cambria.woff') format('woff'), url('/fonts/cambria.ttf') format('truetype'), url('/fonts/cambria.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}





* {
    font-family: Cambria;
    font-size: 20px;
}

body {
    background: #000000;
    color: #ffffff;
}

a {
    color: #ffffff;
    text-decoration: none;
}

#container {
    background: url("../pictures/Border_middle.png") repeat-y scroll 0 0 transparent;
    margin: 0 auto;
    overflow-x: hidden;
    width: 980px;
}
.top-frame{
    background: url("../pictures/Border_top.png") no-repeat scroll 50% top transparent;
    margin-left: -46px;
    padding-top: 46px;
    width: 1057px;
}
.bottom-frame{
    background: url("../pictures/Border_bottom.png") no-repeat scroll 50% bottom transparent;
    margin-left: 1px;
    padding-bottom: 8px;
    width: 1057px;
}
#header{      background: url("../pictures/top-back.jpg") no-repeat scroll 0 0 transparent;
    height: 151px;
    left: 65px;
    position: relative;
    top: -27px;
    width: 100%;
}
/*       ------------------Menu--------------------------               */
#header ul {
    /*background: url("../pictures/image84.png") no-repeat scroll 0 0 transparent;*/
    height: 55px;
    list-style: none outside none;
    margin-left: -460px;
    margin-top: -9px;
    padding-left: 20px;
    width: 695px;

}

#header li {         color: #3F0000;
    cursor: pointer;
    display: inline-block;
    height: 54px;
    left: 0;
    margin-left: -9px;
    margin-top: 3px;
    white-space: nowrap;
/*background: url("../pictures/delimeter.png") no-repeat;*/
}
#header li:first-child{margin-left: -18px; width: 170px;}
li.first-menu{padding-left: 26px; background: url("../pictures/left_side.png") no-repeat scroll 0px -5px transparent;}
li.first-menu:hover, li.selected1{   background: url("../pictures/left_side_selected.png") no-repeat scroll 0px -4px transparent;
    padding-bottom: 4px;}
li.center-menu{   background: url("../pictures/center_side.png") no-repeat scroll 0px -3px transparent;
    padding-bottom: 4px;}
li.center-menu:hover, li.selected2{   background: url("../pictures/center_side_selected.png") no-repeat scroll 0px -4px transparent;}
div#2{padding-left: 10px !important;}

li.last-menu{background: url("../pictures/right_side.png") no-repeat scroll -32px -4px transparent;}
 li.last-menu:hover, li.selected3{    background: url("../pictures/right_side_selected.png") no-repeat scroll -32px -4px transparent;
    padding-bottom: 4px;}
/*.peregorodka{background: url("../pictures/delimeter.png") no-repeat scroll 0 0 transparent; position: relative;}*/


.punkt{
    background: url("../pictures/delimeter.png") no-repeat scroll 100% 3px transparent;
    font-size: 23px;
    height: 35px;
    left: 5px;
    padding-right: 27px;
    padding-top: 8px;
    position: relative;
    top: -3px;


}
/*.punkt:hover {background:-moz-linear-gradient(bottom, #a7280b, #662314 50%);*/
    /*opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40);}*/
#header li:last-child div {background: none;}
/*       ------------------Endmenu--------------------------               */

.text-menu2{
    /*background: url("../pictures/li.png") no-repeat scroll 0px -30px transparent;*/
    color: white;
    font-size: 24px;
    height: 50px;
    margin-left: 15px;
    position: relative;
    top: 68px;
    vertical-align: middle;
    width: 229px;
    padding-top: 10px;
}
.text-menu2:hover {color:#000;}
.logo-small{   float: left;
    margin-left: 42px;
    width: 200px;}
.logo-small img {width: 145px; margin: 5px 10px 0px 30px;}
 h2 {color:orange; padding-left: 35px; margin-top: -10px;}
 h5 {font-size: 15px;
     left: 40%;
     position: relative;}
/*.login{*/
    /*width:200px;*/
    /*position: relative;*/
    /*right: 40px;*/
    /*float: right;*/
    /*cursor: pointer;*/

/*}*/
.login {
     background: url("../pictures/button.gif") no-repeat scroll 35px 7px transparent;
    height: 68px;
    margin-left: 413px;
    position: relative;
    top: 10px;
    width: 298px;}
.block {    left: 44px;
    position: relative;
    top: 21px;
    width: 181px;
    text-align: center;
}
.login div, .login div a, .login span, .login span a  {
       cursor: default;
    display: inline-block;
    font-size: 17px;
    left: 72px;
    text-shadow: 3px 2px 1px #000000;
    top: 17px;
}
/*#log:hover,#reg:hover {color:#000; text-shadow: none;}*/
.login span a {cursor: pointer !important;}
#log a:hover{text-decoration: none !important;}
#header h3 {
        color: white;
    font-size: 28px;
    left: 271px;
    position: absolute;
    text-shadow: 2px 2px 2px #000000;
    top: 25px;
}
.small-border{
      background: url("../pictures/border_midl.jpg") repeat-x scroll 0 0 transparent;
    height: 20px;
    margin: -26px 0 0 64px;
    width: 930px;
}
.inner-top{
      background: url("../pictures/border_inner_top.gif") no-repeat scroll 50% top transparent;
   margin: -29px 0 0 -1px;
    padding: 14px 0 0 40px;

}
.inner-middle{
       background: url("../pictures/border_inner_midl.gif") repeat-y scroll 0 0 transparent;
    margin-left: 26px;
}
.ship-right {
     float: right;
    height: 75px;
    
    position: relative;
    width: 627px;}
.ship-left {
  height: 104px;
    margin-right: 658px;
    width: 254px;
}
.inner-bottom{
    
    background: url("../pictures/border_inner_bot.gif") no-repeat scroll 50% bottom transparent;
    height: 16px;
    margin-left: -10px;

}

#content{    background: url("../pictures/middle-border.gif") repeat-y scroll 266px 0 transparent;
    height: 100%;
    width:904px;
}
.ship{
     background: url("../pictures/ship.png") no-repeat scroll bottom left;
    margin-left: 13px;
    min-height: 683px;
}
#left {
    height: 100%;
    margin-right: 655px;
    min-height: 460px;
    padding-right: 35px;
    position: relative;

}
#right {
      float: right;
    height: 100%;
margin-right: 11px;
    min-height: 600px;
    padding-bottom: 30px;
    position: relative;
    width: 610px;


}
#right div div p span, .main_table p span {
    font-size: 20px !important;
}

.logo {
     width: 525px;
    margin: 20px 0px 0px 20px;
}


.right-menu{position: absolute;
        top: 5px;
}
.right-menu li {margin-left:-45px; margin-top:-28px;text-align:center; margin-left: 2px;}
.img-menu {

    margin-bottom: -23px;
    margin-left: 15px;
    margin-top: -20px;
    width: 230px; }
#right-img {
    /*background: url("/pictures/right-img.jpg") no-repeat scroll 0 0 transparent;*/
    clear: both;
    height: 297px;
    left: 0;
    position: absolute;
    top: 50px;
    width: 98%;
}

#forma, #forma_login {
    margin: 35px 0 0 35px;
    display: none;
}

#forma input {
    width: 180px;
    border-radius: 8px;
    border: 0;
    background: white;
    height: 20px;
    vertical-align: middle;
    margin-bottom: 10px;
    font-size: 17px;
    padding-left: 10px;
}

form[method="post"] input[type=text], input[type=email],textarea, #forma_login input, #login-form input[type=text],
#login-form input[type=password],#reg-form input[type=password], #reg-form input[type=text], input[type=text],  input[type=password] {
    width: 250px;
    border-radius: 8px;
    border: 0;
    padding-left: 15px;
    color: white;
    /*If not support gradient*/
    background: #660007;
    /**gradients*/
    /*end*/
    vertical-align: middle;
    margin-bottom: 10px;
    height: 30px;

}
form[method="post"] select{
    border-radius: 8px;
    border: none;
    text-align: center;
    width: 260px;
    color: #ffffff;
    background-color: #660007;
    /**gradients*/
    /*end*/
    vertical-align: middle;
    margin-bottom: 9px;

}
form[method="post"] select option{color: #a9a9a9; background:#660007;}
form[method="post"] select option:selected {background:#f6664e; color: #000000; }

#reg-button, input[type=submit], button.userprofile {
    /*background: -moz-linear-gradient(center top, #666666, #000000) repeat scroll 0 0 transparent;*/
      background: -moz-linear-gradient(center top , #444444, #000000) repeat scroll 0 0 transparent;

    border: 1px solid #333333;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #D7D7D7;
    cursor: pointer;
    font-size: 19px;
    font-weight: bold;
    margin-right: 38px;
    margin-top: 10px;
    padding: 8px;
    text-transform: uppercase;
     background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
    background: -moz-linear-gradient(top, #444, #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#444444', endColorstr = '#000000');
}
button.userprofile{width: 178px; text-align: center; font-size: 16px;}
/*#reg-button:hover {*/
    /*background: #000;*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));*/
    /*background: -moz-linear-gradient(top, #444, #000);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#444444', endColorstr = '#000000');*/
/*}*/

#footer {
      height: 85px;
    margin-left: 65px;
    padding-top: 10px;
    position: relative;
    width: 930px;
}

#logo {
    background: url("/pictures/Logo.jpg");
    width: 200px;
}

#login {
    width: 150px;
    margin-left: 33%;
    text-align: right;
    font-style: italic;
    float: left;
    padding-top: 8px;
    padding-right: 8px;
}

#navright {
    text-align: center;
    font-style: italic;
    margin-top: 300px;
}

#navfoot {
    text-align: center;
    font-style: italic;
    line-height: 30px;
    font-weight: bold;
    font-style: italic;
}

#container p {
    margin-left: 25px;
    /*margin-top: 30px;*/
    width: 85%;
    line-height: 26px;
}
#container > p:first-child { margin-top : 0; }

#login a, #logout a {
    font-size: 16px;
}

#right-img .errors {
    font-size: 12px;
    margin-left: 0;
    margin-top: 10px;
    color: red;
}

.ssulka, .footssul a {
    font-size: 23px;
}
.footssul{    display: inline;
    margin: 0 165px;}
.footssul a {    font-size: 16px;
    margin: 0 10px;}
.copy {
    font-size: 11px;
    font-weight: bold;
    padding-top: 28px;}


.messages {
     border: 1px dashed black;
     border-radius: 5px 5px;
    padding: 5px 5px;
    margin-top: 10px;
}

div.error {
    background: url("/pictures/warning.png") no-repeat scroll 0 0 transparent;
color: red;
font-size: 13px;
height: 70px;
margin-bottom: -20px;
margin-left: 160px;
margin-top: 3px;
text-shadow: 2px 2px 1px black;
width: 270px;
margin-bottom: 60px;
text-align: center;
padding:30px 15px 15px 16px;
}
tr.error td{
    color: red;
    font-size:12px;
    padding:5px 0px;
    text-align: left;
}


div.notice {
    background: url("/pictures/warning.png") no-repeat scroll 0 0 transparent;
    color: green;
    font-size: 13px;
    height: 70px;
    margin-bottom: -20px;
    margin-left: 160px;
    margin-top: 3px;
    padding-left: 11px;
    padding-top: 40px;
    text-shadow: 2px 2px 1px black;
    width: 280px;
    margin-bottom: 57px;
    text-align: center;
}

div.warning {
    border-color: yellow;
    color: yellow;
     margin-bottom: -20px;
    margin-left: 180px;
    width: 270px;
    text-shadow: 2px 2px 1px #000000;
}

div.error ul li, div.notice ul li, div.warning ul li {
    list-style: square inside;
    font-size: 20px;
}
.bigpage {}
.bigpage span {font-weight:bold;}
.underline {text-decoration: underline;}
.bigpage a {text-decoration:underline;}
.spisok a{text-decoration:underline;}
span[class=bigpage]{padding-left: 50px !important;}
.spisok {padding-left: 60px !important;}
.spisok li{    color: white;
    list-style: disc outside none;}
h1 {padding: 10px 0px 5px 50px; !important}
.nazvanie {
    margin-top: -15px;
    padding-left: 17px;
    text-shadow: 2px 2px 2px red;
    font-size: 33px;
}
.buybutton {
   background: url("../pictures/buy.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 53px;
    width: 137px;
}
.buybutton:hover {
   background: url("../pictures/buy2.png") no-repeat scroll 0 0 transparent;
}
.tablica { margin-right: 20px;}

/*.tablica:first-child td {text-align: center;}*/
/*.tablica td {padding-right: 10px;}*/
/*.tablica td {margin-left: 30px;}*/

/*#inform {margin-left: 0px !important; }*/
.formu{     margin-left: 32px;
    margin-top: 60px;}
.formu2 {margin-left: -7px;
    margin-top: 60px;}
.formu td {padding-right: 15px;}

.getstarted{
    background: url("../pictures/Get Started.png") no-repeat scroll 0 -3px transparent;
    padding: 20px 100px 17px;
    }
.getstarted:hover{
    background-position: 0px -64px;

}

.top-back {

    margin-left: 200px;
    height: 145px;
    

}
.journay{      background: url("../pictures/journay.png") no-repeat scroll 0 0 transparent;
    height: 60px;
    margin: -50px -25px -25px;
    position: absolute;
    width: 510px;
}

.forma-back1{
    /*background: url("../pictures/register-back.png") no-repeat scroll 490px 0 transparent;*/
    height: 250px;
    margin-top: -65px;
    margin-left: 52px;
}
.forma-back2{
    /*background: url("../pictures/register-back.png") no-repeat scroll 490px 15px transparent;*/
    /*height: 250px;*/
   margin-top: -65px;
     margin-left: 93px;
}
.defaulttable {margin-left: 18px; background: #43382e; border: 3px solid #675832}
.defaulttable td {text-align: center; padding: 0 5px;}

.defaulttable thead td{border-right:3px solid #675832;border-bottom:3px solid #675832; font-weight: bold;  line-height: 40px;  font-size: 18px; }
.defaulttable tbody td,  .defaulttable tbody td a{font-size: 15px;  line-height: 30px; padding-bottom: 5px;
    padding-top: 5px;}
.odd{background: #333333;}
.defaulttable tbody td{border-right:3px solid #675832}
.defaulttable img {    font-size: 16px; width: 90px;}

.forgames tr {
    border: 1px dashed #675832;
    background: none !important;
}
.forgames td {
    width: auto;
}



.paginationControl,.paginationControl span, .paginationControl a {font-size: 15px;}
.paginationControl{margin-left: 35%}

.errors {
    color: red;
    text-shadow: none;
}

.paginator {
    margin: 10px 0;
    position: relative;
    text-align: center
}

.paginator-content {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top
}

.paginator-content li {
    margin-right: 6px;
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    padding: 0 3px 0 0;
    line-height: 28px
}

.paginator-content li a {
    background: url("/images/paginator/pagination-spr2.png") 0 5px no-repeat;
    color: #010101;
    text-decoration: none;
    display: block;
    padding: 0px 3px 0px 6px
}

.paginator-content li:hover {
    color: #800101
}

.paginator-content li:hover a {
    color: #800101
}

.paginator-content .active {
    margin: 0 12px 0 6px
}

.paginator-content .active a {
    background-position: 0 -94px;
    font-size: 1.5em;
    font-weight: bold;
    color: #800101;
    padding: 0px 6px 0px 9px
}

.paginator-content .active span {
    background: url("/images/paginator/pagination-spr2.png") 0 -56px no-repeat;
    display: block;
    width: 6px;
    height: 27px;
    position: absolute;
    right: 0;
    top: 1px;
    z-index: 1
}

.paginator-content span {
    background: url("/images/paginator/pagination-spr2.png") 0 -29px no-repeat;
    display: block;
    height: 18px;
    width: 6px;
    position: absolute;
    right: 0;
    top: 4px;
    z-index: 1
}

.paginator-content .last {
    margin-right: 0;
    padding-right: 0
}

.paginator-content .dotted, .paginator-content .dotted:hover {
    background-position: 0 -158px;
    width: 19px;
    height: 19px;
    margin-left: -6px;
    margin-right: -7px
}

.paginator-content .next-page, .paginator-content .previous-page {
    padding: 0 0 3px 0;
    height: 20px;
    width: 18px
}

.paginator-content .next-page {
    background-position: 0 -214px;
    margin-left: 34px
}

.paginator-content .previous-page {
    background-position: 0 -185px;
    margin-left: 0px;
    margin-right: 31px
}

.paginator-background-spr {
    background: url("/images/paginator/pagination-spr2.png") 0 0 no-repeat
}

.paginator-background-spr .next-page:hover {
    background-position: 0 -245px
}

.paginator-background-spr .previous-page:hover {
    background-position: 0 -276px
}

.line-background {
    background-position: 0 -127px;
    background-repeat: repeat-x
}

.bar {
    text-align: center;
}
.down img {margin: 29px 20px 70px 346px;}
.rememberlabl {padding-top: 17px;}

div.for2button{margin-top: 20px; padding-left: 98px; }
div.myprofile{cursor:pointer;width:169px; height:48px; background: url("/pictures/My profile.png") 0 0 no-repeat; float: left;  }
div.myprofile:hover{ background-position: 0 -49px;}
div.playing{cursor:pointer;width:253px; height:48px; background: url("/pictures/Playing Field.png") 0 0 no-repeat; margin-left: 195px;}
div.playing:hover{ background-position: 0 -49px;}


/*#day-label,#day{width: 70px;}*/
/*#month-label,#month{width: 120px;}*/
/*#year-label,#year{width: 90px;}*/
.birthday dt,.birthday  dd{display: inline; }
.birthday dt{margin-left: -5px;}
#day-label{margin-left: -17px;}
#day{width: 51px;}
#month{width: 111px;}
#year{width: 78px;}
.avatar{margin-left: 50px;}



.remain {
    font-size: 16px;
    padding: 19px;
    text-align: center;
    width: 225px;
    margin-top: 20px;
}
.remain h3 {
    color: #ffa500;
    font-size: 20px;
    padding-left: 9px;
}
.remain img {
    width: 228px;
}
.next_quest {
    font-size: 16px;
}
.remain b, span {
    text-align: center;
    font-weight: normal;

}
.time {

    margin-top: 10px;
    line-height: 23px;
    height: 52px;
    background: url("/pictures/TimeRemain.png") no-repeat scroll 30px 0px transparent;

}
.time b span {
    color: #000000;
    font-size: 17px;
}
.time b {
        color: #000000;
    font-size: 17px;
}




.main_table {
    background-color: #000000;
    border: 1px solid #675832;
    margin: 0px  auto;
    min-width: 289px;
    width: auto;
}
.main_table tbody td img {
    width: 50px;
    font-size: 16px;
}
.main_table tbody td {
    border: none;
    font-size: 16px;
    padding: 5px;
    text-align: left;
}
.main_table td a {
    font-size: 16px;
}
.main_table thead td {
    font-size: 16px;
    padding: 5px;
    text-align: left;
}
.img_map {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 290px;
    float: left;
    font-size: 16px;
}
.img_user {
  margin-right: 10px;
    margin-bottom: 10px;
    width: 210px;
    float: left;
    font-size: 16px;
}
.next {
    background-color: #43382e;
}
.title_map {
    text-align: center;
    margin: 5px;
}






.table_of_user {

    border: 1px solid #675832;
}
.table_of_user thead td {
    font-size: 16px;
    padding: 10px;
    text-align: left;
}
.table_of_user tbody td {
    border: none;
    font-size: 16px;
    padding: 5px;
    text-align: left;
}
.table_of_user tbody td img {
    width: 60px;
    font-size: 16px;
}

.games {
    min-width: 509px;
    margin-top: 15px;
}








#home_txt, #enums, .loc_txt, .link_txt a {
	font-size: 20px;
}

#enums {
	margin-top: 10px;
	margin-left: 30px;
}

.loc_txt {
	color: #0CF;
}

.link_txt a {
	color: #FC0;
	text-decoration: none;
}
.link_txt a:hover {
	color: #FC0;
	text-decoration: underline;
}

.footer a,.up a{font-family:Cambria; font-size: 15px;}